<template>
	<app-page>
		<view>
			<view class="padding text-bold ">
				<cl-text value="清单类型" :size="28"></cl-text>
			</view>
			<classify></classify>
			<view class="padding text-bold margin-top">
				<cl-text value="清单标题" :size="28"></cl-text>
				<view class="solid-bottom margin-top  padding-bottom-xs">
					<cl-input clearable :border="false" 
						placeholder="请输入清单标题" 
						prefix-icon="cl-icon-edit" 
						prefixIcon=" cl-icon-edit text-sm"
						placeholderClass="text-gray text-df"></cl-input>
				</view>
			</view>
			<view class="flex justify-center btn-box">
				<button class="cu-btn round bg-red shadow lg" @tap="toPage('/pages/post/edit/index')">创建清单</button>
			</view>
			
		</view>
	</app-page>
</template>

<script>
	import classify from './components/classify'
	import mixins from '@/common/mixins'
	export default{
		data(){
			return {
				
			}
		},
		mixins:[mixins],
		components:{
			classify
		}
	}
</script>

<style lang="scss">
	.solid-bottom{
		border-bottom:0.5px solid #eee;
	}
	.btn-box{
		position: fixed;
		bottom: 80upx;
		left: 0upx;
		right: 0upx;
		button{
			width: 60%;
		}
	}
</style>
